<div>
    <div th:fragment="messages">    
         <div class="alert alert-danger" th:switch="${errorCode}" th:unless="${#strings.isEmpty(errorCode)}"> 
            <div th:case="'notFound'" th:text="#{password.notFound}" ></div>
            <div th:case="'inactiveUser'" th:text="#{password.inactiveUser}" ></div>
            <div th:case="*" th:inline="text">[[#{password.unknown}]] <span th:text="${errorCode}"></span>
</div>
         </div>
    </div>

    <blc:form th:fragment="form" action="#" th:action="@{/forgotUsername}" method="POST">

        <div class="field-group">
            <label th:text="#{password.email}" ></label>
            <input type="email" id="emailAddress" name="emailAddress" autofocus="autofocus" class="twelve" />
        </div>

        <div class="account-actions">
            <ul class="inline-list">
                <li><a href="#" th:href="@{/forgotPassword}" th:text="#{password.forgotPassword}" ></a>
</li>
                <li><a href="#" th:href="@{/login}" th:text="#{password.login}" ></a>
</li>
            </ul>
            <input type="submit" class="button primary large" value="Send Username"/>
        </div>
    </blc:form>

    <div th:fragment="options">
        <ul class="inline-list">
            <li><a href="#" th:href="@{/forgotPassword}" th:text="#{password.forgotPassword}" ></a>
</li>
            <li><a href="#" th:href="@{/login}" th:text="#{password.login}" ></a>
</li>
        </ul>
    </div>
</div>